<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/shouye.css" />
		<link rel="stylesheet" type="text/css" href="css/my.css"/>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			window.onload = function(){
				
document.getElementById('home').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'shouye.html', 
id:'huodong'
});
});

document.getElementById('huodong').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'huodong.html', 
id:'huodong'
});
});

document.getElementById('gonghui').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'gonghui.html', 
id:'gonghui'
});
});

document.getElementById('my').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'my.html', 
id:'my'
});
});	
			}
			
			
		</script>
		
		<header class="mui-bar mui-bar-nav">
			
			<a class="nav-top-left"> <img src="icon/icon_0.jpg"  class="back"  width="12px" height="20px"/>
			<span id="" >
				返回
			</span>
			</a>
			<p id="title" class="mui-title title2">极战FMB</p>
			
		</header>
		
		<div class="mynew">
			<img src="images/my_back.jpg" width="100%"/>
			<div class="headerpic">
				
			</div>
			<div class="username">
				<p>XXX</p>
			</div>
			<div class="myinformation">
				<a href="">
					个人资料
				</a>
			</div>
		</div>	
		<div class="joingh">
			<div class="join1">
				<img src="icon/joingh.jpg"/ width="22px" height="22px">
			</div>
			<div class="join2">
				<p>我的公会</p>
			</div>
			<div class="join3">
				<p>极战俱乐部名字</p>
			</div>
		</div>
		<a href="">
		<div class="topic">
			<div class="topic1">
				<img src="icon/topic.png" width="22px" height="22px"/>
			</div>
			<div class="topic2">
				<p>我的话题</p>
			</div>
			<div class="topic3">
				<img src="icon/more.png" width="8px" height="10px"/>
			</div>
		</div>
		</a>
		<div class="xian1">
			
		</div>
			<a href="">
		<div class="topic">
			<div class="topic1">
				<img src="icon/news.png" width="22px" height="22px"/>
			</div>
			<div class="topic2">
				<p>我的消息</p>
			</div>
			<div class="topic3">
				<img src="icon/more.png" width="8px" height="10px"/>
			</div>
		</div>
		</a>
		<div class="xian1">
			
		</div>

		<!--底部-->
		<div class="footer">
			<nav class="mui-bar mui-bar-tab">
				<a id="home" class="mui-tab-item mui-active" href="tab-webview-subpage-about.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_1.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">极战</span>
				</a>
				<a id="huodong" class="mui-tab-item" href="tab-webview-subpage-chat.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_2.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">活动</span>
				</a>
				<a id="gonghui" class="mui-tab-item" href="tab-webview-subpage-contact.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_3.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">公会</span>
				</a>
				<a id="my" class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_4.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">商城</span>
				</a>
				<a class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_5.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>	
		</div>	
		
	</body>

</html>